<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>产品</title>
    <link rel="stylesheet" href="bootstrap-3.4.1-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/产品页面.css">
</head>

<body>
    <!-- 顶部开始 -->
    <nav class="top">
        <a href="#nowhere">
            <span class="glyphicon glyphicon-home redColor"></span>
            天猫首页
        </a>
        <span>喵，欢迎来天猫</span>
        <a href="#nowhere">请登录</a>
        <a href="#nowhere">免费注册</a>
        <span class="pull-right">
            <a href="#nowhere">我的订单</a>
            <a href="#nowhere">
                <span class=" glyphicon glyphicon-shopping-cart redColor"></span>
                购物车<strong>0</strong>件</a>
        </span>
    </nav>

    <!-- 顶部结束 -->


    <div id="wrapper">

        <!-- 搜索开始 -->
        <a href="#nowhere">
            <img src="img/site/simpleLogo.png" alt="This is a logo" class="simpleLogo" id="simpleLogo">
        </a>
        <div class="simpleSearchDiv pull-right">
            <input type="text" placeholder="平衡机 原汁机" name="keyword">
            <button type="submit" class="searchButton">搜天猫</button>
            <div class="searchBelow">
                <span>
                    <a href="#nowhere">冰箱</a>
                    <span>|</span>
                </span>
                <span>
                    <a href="#nowhere">空调</a>
                    <span>|</span>
                </span>
                <span>
                    <a href="#nowhere">女表</a>
                    <span>|</span>
                </span>
                <span>
                    <a href="#nowhere">男表</a>
                </span>
            </div>
        </div>
        <!-- 搜索结束 -->
        <img src="img/main/68.jpg">

        <!-- 产品图片展示开始 -->
        <div class="imgAndInfo">
            <div class="imgInimgAndInfo">
                <img src="img/product/8619.jpg" class="bigImg" width="100px">
                <div class="smallImageDiv">
                    <img src="img/product/8620.jpg" class="smallImage" width="56px" bigImageURL="img/product/8620.jpg">
                    <img src="img/product/8619.jpg" class="smallImage" width="56px" bigImageURL="img/product/8619.jpg">
                    <img src="img/product/8618.jpg" class="smallImage" width="56px" bigImageURL="img/product/8618.jpg">
                    <img src="img/product/8617.jpg" class="smallImage" width="56px" bigImageURL="img/product/8617.jpg">
                    <img src="img/product/8616.jpg" class="smallImage" width="56px" bigImageURL="img/product/8616.jpg">
                </div>
                <div class="img4load hidden"></div>
            </div>
            <!-- 产品图片展示结束 -->

            <!-- 产品信息展示开始 -->
            <div class="infoInimgAndInfo">
                <div class="productTitle">
                    名媛2016新款女装夏两件套裤韩版雪纺七分裤阔腿裤休闲时尚套装女
                </div>
                <div class="productSubTitle">
                    高端定制 高档棉麻 现货即发 加购物车 领优惠劵
                </div>
                <div class="productPrice">
                    <div class="juhuasuan">
                        <span class="juhuasuanBig">聚划算</span>
                        <span>此商品即将参加聚划算，<span class="juhuasuanTime">1天19小时</span>后开始，</span>
                    </div>
                    <div class="productPriceDiv">
                        <div class="gouwujuanDiv">
                            <img src="img/site/gouwujuan.png">
                            <span>全天猫实物商品通用</span>
                        </div>
                        <div class="originalDiv">
                            <span class="originalPriceDesc">价格</span>
                            <span class="originalPriceYuan">￥</span>
                            <span class="originalPrice">399.00</span>
                        </div>
                        <div class="promotionDiv">
                            <span class="promotionPriceDesc">促销价</span>
                            <span class="promotionPriceYuan">￥</span>
                            <span class="promotionPrice">379.05</span>
                        </div>
                    </div>
                </div>
                <div class="productSaleAndReviewNumber">
                    <div>销量<span class="redColor boldWord"> 50</span></div>
                    <div>累计评价<span class="redColor boldWord"> 19</span></div>
                </div>
                <div class="productNumber">
                    <span>数量</span>
                    <span>
                        <span class="productNumberSettingSpan">
                            <input type="text" value="1" class="productNumberSetting">
                        </span>
                        <span class="arrow">
                            <a href="#nowhere" class="increaseNumber">
                                <span class="updown">
                                    <img src="img/site/increase.png">
                                </span>
                            </a>
                            <span class="updownMiddle"> </span>
                            <a href="#nowhere" class="decreaseNumber">
                                <span class="updown">
                                    <img src="img/site/decrease.png">
                                </span>
                            </a>
                        </span>
                    </span>
                    <span>库存66件</span>
                </div>
                <div class="serviceCommitment">
                    <span class="serviceCommitmentDesc">服务承诺</span>
                    <span class="serviceCommitmentLink">
                        <a href="#nowhere">正品保证</a>
                        <a href="#nowhere">极速退款</a>
                        <a href="#nowhere">赠运费险</a>
                        <a href="#nowhere">七天无理由退换</a>
                    </span>
                </div>
                <div class="buyDiv">
                    <a href="#nowhere" class="buyLink"><button class="buyButton">立即购买</button></a>
                    <a href="#nowhere" class="addCartLink"><button class="addCartButton"><span
                                class="glyphicon glyphicon-shopping-cart"></span>加入购物车</button></a>
                </div>
            </div>
            <div style="clear:both"></div>
        </div>
        <!-- 产品信息展示结束 -->

        <!-- 产品参数开始 -->
        <div class="productDetailDiv" style="display: block;">
            <div class="productDetailTopPart">
                <a href="#nowhere" class="productDetailTopPartSelectedLink selected">商品详情</a>
                <a href="#nowhere" class="productDetailTopReviewLink">累计评价 <span
                        class="productDetailTopReviewLinkNumber">19</span></a>
            </div>
            <div class="productParamterPart">
                <div class="productParamter">产品参数：</div>
                <div class="productParamterList">
                    <span>材质成分： 聚酯纤维100%</span>
                    <span>品牌：Emyche/艾米秋</span>
                    <span>货号：129668</span>
                    <span>尺码：L M S XL X</span>
                    <span>上市年份季节：2016年夏季</span>
                    <span>颜色分类：白色 黑色 浅蓝</span>
                    <span>适用年龄：18-25周岁</span>
                </div>
                <div style="clear:both"></div>
            </div>
            <div class="productDetailImagesPart">
                <img src="img/productDetail/8626.jpg">
                <img src="img/productDetail/8625.jpg">
                <img src="img/productDetail/8624.jpg">
                <img src="img/productDetail/8623.jpg">
                <img src="img/productDetail/8622.jpg">
                <img src="img/productDetail/8621.jpg">
            </div>
        </div>
    </div>
    </div>
    </div>
    <!-- 产品参数结束 -->

    <!-- 底部开始 -->
    <div id="footer" class="footer" style="display: block;">
        <div id="footer_ensure" class="footer_ensure">
            <a href="#nowhere">
                <img src="img/site/ensure.png">
            </a>
        </div>
        <div id="footer_desc" class="footer_desc">
            <div class="descColumn">
                <span class="descColumnTitle">购物指南</span>
                <a href="#nowhere">免费注册</a>
                <a href="#nowhere">开通支付宝</a>
                <a href="#nowhere">支付宝充值</a>
            </div>
            <div class="descColumn">
                <span class="descColumnTitle">天猫保障</span>
                <a href="#nowhere">发票保障</a>
                <a href="#nowhere">售后规则</a>
                <a href="#nowhere">缺货赔付</a>
            </div>
            <div class="descColumn">
                <span class="descColumnTitle">支付方式</span>
                <a href="#nowhere">快捷支付</a>
                <a href="#nowhere">信用卡</a>
                <a href="#nowhere">蚂蚁花呗</a>
                <a href="#nowhere">货到付款</a>
            </div>
            <div class="descColumn">
                <span class="descColumnTitle">商家服务</span>
                <a href="#nowhere">商家入驻</a>
                <a href="#nowhere">商家中心</a>
                <a href="#nowhere">天猫智库</a>
                <a href="#nowhere">天猫规则</a>
                <a href="#nowhere">物流服务</a>
                <a href="#nowhere">喵言喵语</a>
                <a href="#nowhere">运营服务</a>
            </div>
            <div class="descColumn">
                <span class="descColumnTitle">手机天猫</span>
                <a href="#nowhere"><img src="img/site/ma.png"></a>
            </div>
        </div>
        <div style="clear:both"></div>
        <img id="cateye" class="cateye" src="img/site/cateye.png">
        <div id="copyright" class="copyright">
            <div class="white_link">
                <a href="#nowhere">关于天猫</a>
                <a href="#nowhere"> 帮助中心</a>
                <a href="#nowhere">开放平台</a>
                <a href="#nowhere"> 诚聘英才</a>
                <a href="#nowhere">联系我们</a>
                <a href="#nowhere">网站合作</a>
                <a href="#nowhere">法律声明</a>
                <a href="#nowhere">知识产权</a>
                <a href="#nowhere"> 廉正举报 </a>
            </div>
            <div class="white_link">
                <a href="#nowhere"> 阿里巴巴集团</a><span class="slash">|</span>
                <a href="#nowhere"> 淘宝网</a><span class="slash">|</span>
                <a href="#nowhere">天猫 </a><span class="slash">|</span>
                <a href="#nowhere"> 聚划算</a><span class="slash">|</span>
                <a href="#nowhere">全球速卖通</a><span class="slash">|</span>
                <a href="#nowhere">阿里巴巴国际交易市场</a><span class="slash">|</span>
                <a href="#nowhere">1688</a><span class="slash">|</span>
                <a href="#nowhere">阿里妈妈</a><span class="slash">|</span>
                <a href="#nowhere"> 阿里旅行·去啊 </a><span class="slash">|</span>
                <a href="#nowhere"> 阿里云计算 </a><span class="slash">|</span>
                <a href="#nowhere"> 阿里通信 </a><span class="slash">|</span>
                <a href="#nowhere"> YunOS </a><span class="slash">|</span>
                <a href="#nowhere"> 阿里旅行·去啊 </a><span class="slash">|</span>
                <a href="#nowhere"> 万网 </a><span class="slash">|</span>
                <a href="#nowhere"> 高德 </a><span class="slash">|</span>
                <a href="#nowhere"> 优视 </a><span class="slash">|</span>
                <a href="#nowhere"> 友盟 </a><span class="slash">|</span>
                <a href="#nowhere"> 虾米 </a><span class="slash">|</span>
                <a href="#nowhere"> 天天动听 </a><span class="slash">|</span>
                <a href="#nowhere"> 来往 </a><span class="slash">|</span>
                <a href="#nowhere"> 钉钉 </a><span class="slash">|</span>
                <a href="#nowhere"> 支付宝 </a>
            </div>

            <div class="license">
                <span>增值电信业务经营许可证： 浙B2-20110446</span>
                <span>网络文化经营许可证：浙网文[2015]0295-065号</span>
                <span>互联网医疗保健信息服务 审核同意书 浙卫网审【2014】6号 </span>
                <span>互联网药品信息服务资质证书编号：浙-（经营性）-2012-0005</span>
                <div class="copyRightYear">© 2003-2016 TMALL.COM 版权所有</div>
                <div>
                    <img src="img/site/copyRight1.jpg">
                    <img src="img/site/copyRight2.jpg">
                </div>
            </div>
        </div>
    </div>
    <!-- 底部结束 -->
</body>

</html>